
.draggableresizable-active {
  border-color: #f7de98!important;
  background-color: rgba(247, 222, 152, .1);
}

/**
.vdr-handle-tl 上左
.vdr-handle-tm 上中
.vdr-handle-tr 上右
.vdr-handle-ml 左中
.vdr-handle-mr 右中
.vdr-handle-bl 下左
.vdr-handle-bm 下中
.vdr-handle-br 下右
*/
.vdr-handle-tl,
.vdr-handle-tm,
.vdr-handle-tr,
.vdr-handle-ml,
.vdr-handle-mr,
.vdr-handle-bl,
.vdr-handle-bm,
.vdr-handle-br{
  width: 8px!important;
  height: 8px!important;
  border-radius: 2px!important;
  background-image: radial-gradient(#f7de98,#ffffff)!important;
}

/* 上中 */
.vdr-handle-tm {
  width: 8px!important;
  height: 8px!important;
  border-radius: 2px!important;
  background-image: radial-gradient(#f7de98,#ffffff)!important;
}

.vdr-container:hover {
  border: 1px dashed #f7de98;
  border-radius: 3px;
  box-sizing: border-box;
  cursor: move;
}